<style scoped lang="less">
	.warp{
		
		.warpDiv{
			text-align: center;
		}
		.img{
			width: 3.73rem;
			height: 3.73rem;
			margin-top: 2.43rem;
		}
		.p1{
			font-size: 0.37rem;
			color: #666;
			margin-top: 0.24rem;
			margin-bottom: 0.35rem;
		}
		.p2{
			text-align: center;
			line-height: 0.64rem;
			color: #999999;
			font-size: 0.35rem;
			margin-bottom: 2.64rem;
		}
		.btn{
			height: 70px;
			p{
				width: 2.83rem;
				height: 0.93rem;
				line-height: 0.93rem;
				text-align: center;
				background: #4DB2EB;
				box-shadow: 3px 3px 4px 0 rgba(56,60,62,0.12);
				border-radius: 0.11rem;
				color:#fff;
				border-radius: 0.05rem;
				float: left;
				cursor: pointer;
				a{
					color: #fff;
				}
			}
			.b1{				
				margin: 0 0.4rem 0 1.97rem;
			}
			.b2{
				background: #FB9132;
				box-shadow: 3px 3px 4px 0 rgba(56,60,62,0.12);
			}
		}

	}

</style>
<template>	
	<!-- 临时预览页面 链接失效后跳转 -->
	<div class="warp">
		<v-aboutUs :class="aboutUs" @tell-me-classname="name" :qrCode="$route.query.qrcode" :cemeteryId="$route.query.cemeteryId"></v-aboutUs>
		<div class="leftAbout" @click="openLeft(aboutUs)" v-show="customized != 1"><img src="../../images/mobileClose.png" /></div>
		<div class="warpDiv">
			<img class="img" src="../../images/phone-qx5.png"/>
			<p class="p2">
				人物传记审核中，审核通过后方可查看传记
			</p>
			<div class="btn">
				<p class="b1" @click="gotoly()">陵园服务</p>
				<p class="b2"><a :href="url">祭扫用品</a></p>
			</div>
		</div>		
	</div>
</template>
<script>
	import { mapState } from 'vuex'
	import left from '../../components/aboutUs.vue'
    import global from '../../config/global'
    import '../../js/flexible.debug.js'
    import '../../less/moblie.less'
    export default {
		data() {
			return {
				imgurl:global.imgurl,
				videourl:global.videourl,
				hosturl:global.host,
				mallurl:global.mallurl,
				url:"",
				aboutUs:"aboutUs aboutUs-close",
			}
		},
		components: {
		},
		computed: {
		},
		created() {
			this.url =  this.mallurl+"/unsecured/mall/home?cemeteryId="+this.$route.query.mzid+"&qrcode="+this.$route.query.qrcode
		},
		watch: {
		},
        computed: mapState({ user: state => state.user }),
		methods:{
			//打开关于我们弹窗
			openLeft:function(){
                this.aboutUs =  "aboutUs";              
            },
            name:function(msg){
                this.aboutUs = msg;
            },
			gotoly(){
				this.$router.push({ path: '/mobliefeedback',query:{"lyid":this.$route.query.cemeteryId}});
			}
		}
    }
</script>